<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>宝钢彩涂板管理后台</title>
	<link rel="stylesheet" href="/static/css/normalize.css">
	<link rel="stylesheet" href="/static/css/index.css">
	<link rel="stylesheet" href="/static/css/color-style.css">
	<link rel="stylesheet" href="/static/css/font-awesome.min.css">
	<script type="text/javascript" src="/static/js/jquery-1.11.1.min.js"></script>
	<script>jq1 = jQuery.noConflict(true);</script>
</head>
<body>
	<!-- 顶部导航区域 -->
	<div class="flex-nav nav-dark" id="flex-nav">
		<div class="search-wrap" id="search-wrap">
			<div class="search-bar">
				<input class="search-input" type="search" placeholder="请输入关键字" />
				<a href="#" class="close-search toggle-search" data-target="#search-wrap">
					<i class="fa fa-times"></i>
				</a>
			</div>
		</div>
		<div class="nav">
			<div class="nav-heading">
				<div class="logo">
					<a href="/admin/index" style="font-size: 20px; color: #fff;">宝钢彩涂板管理后台</a>
	            </div>
			</div>
			<div class="side-nav" id="side-nav">
				<div class="overlay"></div>
				<nav class="navigation">
					<div class="nav-header text-center has-image" style="background-image: url(/static/images/gou.jpg);">
						<div class="image-overlay">
							<img class="avatar img-circle" src="/static/images/user.jpg" alt="user" />
							<h4 class="header-title">
								{if condition="($user.id == 1) "}
									超级管理员
								{else /} 普通管理员
								{/if}
							</h4>
							<p class="local-office">宝钢彩涂板</p>
							<div class="button-container"><a href="/admin/users/edit/id/{$user.id}.html" target="right" class="button -regular center">我的信息</a></div>
						</div>
					</div>
					<ul class="menu">
						<li class="menu-item">
							<a href="#">
								<i class="icon fa fa-clock-o"></i>实例空白
								<span class="call-test span-size">20</span>
							</a>
						</li>
						<li class="menu-item">
							<a href="#">
								<i class="icon fa fa-clock-o"></i>实例空白
								<span class="call-test span-size">16</span>
							</a>
						</li>
						<li class="menu-item">
							<a href="#">
								<div class="toggle-class" data-target="#flex-nav" data-class="nav-dark">
									<i class="icon fa fa-adjust"></i>切换明亮
								</div>
							</a>
						</li>
						<li class="menu-item">
							<a href="{:Url('login/loadOut')}"><i class="icon fa fa-sign-out"></i>退出登录</a>
						</li>
					</ul>
				</nav>
			</div>
			<nav class="navigation" id="navigation">
				<ul class="menu">
					<li class="menu-item hidden-mobile"><a href="/frontend/index/index">前台首页</a></li>
					<li class="menu-item has-icon">
						<a href="#" class="toggle-search" data-target="#search-wrap">
							<i class="fa fa-search"></i>
						</a>
					</li>
					<li class="menu-item has-icon">
						<a href="#" class="toggle-side-nav" data-target="#side-nav">
							<span class="sr-only">Toogle SideBar</span>
							<img class="img-circle user-avatar" src="/static/images/user.jpg" alt="avatar" />
						</a>
					</li>
				</ul>
			</nav>
		</div>
	</div>

	<div class="down-main">
		<!-- 左侧菜单栏 -->
		<div class="left-main left-full">
			<div class="sidebar-fold"><span class="fa fa-bars"></span></div>
			<div class="subNavBox unselectable">
				{foreach $nav_arr as $key => $value}
				<div class="sBox">
					<div class="subNav sublist-up">
						<span class="title-icon fa fa-chevron-up"></span>
						<span class="sublist-title">{$value.nav_name}</span>
					</div>
					<ul class="navContent" style="display: none">
						{neq name="$value.child" value=""}
						{foreach $value.child as $k =>$v}
							<li>
								<div class="showtitle" style="width: 100px;">
									<img src="/static/images/leftimg.png" />{$v.nav_name}
								</div>
								<a href='{:Url($v.nav_url)}' target="right">
									<span class="sublist-icon fa fa-folder-open-o"></span>
									<span class="sub-title">{$v.nav_name}</span>
								</a>
							</li>
						{/foreach}
						{/neq}
					</ul>
				</div>
				{/foreach}
			</div>
		</div>
		
		<!-- 右侧页面嵌入 -->
		<div class="right-product my-index right-full">
			<iframe src="{:Url('home/index')}" name="right" frameborder="0" width="100%" height="99.5%"></iframe>
		</div>
	</div>

	<!-- 顶部导航JS -->
	<script type="text/javascript">
		(function($){
		$('.toggle-class').on('click', function () {
		  var targetId  = $(this).data('target');
		  var className = $(this).data('class');
		  
		  if (targetId && className) {
		    $(targetId).toggleClass(className);
		  }
		  
		});

		$('.toggle-side-nav').on('click', function () {
		  var targetId = $(this).data('target'); 
		  var $sidenav;
		  var $overlay;
		  
		  if (targetId) {
		    $sidenav = $(targetId);
		    $sidenav.addClass('open');
		    
		    $sidenav.find('.overlay').on('click', function () {
		      $sidenav.removeClass('open');
		      $(this).off('click');
		    });
		  }
		});

		$('.toggle-search').on('click', function () {
		  var targetId = $(this).data('target');
		  var $searchBar;
		  if (targetId) {
		    $searchBar = $(targetId);
		    $searchBar.toggleClass('open');
		  }
		});
		//切换左侧导航当前样式
		$('.sBox ul li').click(function(){
			$(this).addClass('current');
			$(this).siblings().removeClass('current');
			$(this).parent().parent().siblings().children().children().removeClass('current');
		});
		$('#')
	})(jq1)
	</script>
	<script>

	</script>
	<!-- 左侧菜单导航JS -->
    <script type="text/javascript" src="/static/js/leftnav.js"></script>
	<!--<script>-->
<!--//		var id = "{:session('login.id')}";-->
<!--//		console.log(id);-->
<!--//        ws = new WebSocket("ws://www.mdzznsb.com:2346");-->
<!--//        ws.onopen = function() {-->
<!--//            console.log('连接成功');-->
<!--//            ws.send(id);-->
<!--//            console.log("给服务器发送一个字符串:"+id);-->
<!--//        };-->
<!--//        ws.onmessage = function(e) {-->
<!--////            $('body').html(e.data);-->
<!--//            console.log("收到服务的信息"+e.data);-->
<!--//        };-->
	<!--</script>-->
    <script type="text/javascript" src="/static/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/js/yanue.pop.js"></script>
</body>
</html>